{% load humanize %}

<div class="media" comment-id="{{ comment.pk }}">
    <div class="media-left">
        <a href="{{ comment.user.profile.get_absolute_url }}">
            <img class="media-object" src="{{ comment.user.profile.get_avatar }}" style="width: 64px; height: 64px; border-radius: 5px;">
        </a>
    </div>
    <div class="media-body">
        <h4 class="media-heading">
            <a href="{{ comment.user.profile.get_absolute_url }}">{{ comment.user.profile }}</a>
            <small>{{ comment.date|naturaltime }}</small>
            {% if comment.user == user %}
                <small class="pull-right"><span class="glyphicon glyphicon-remove remove-comment"></span></small>
            {% elif user.is_authenticated %}
                <small class="pull-right"><a href="javascript:void(0);" class="reply">回复</a></small>
            {% endif %}
        </h4>
        {% if comment.parent %}
        {% include 'translations/comments/partial_article_comment_reference.html' with comment=comment.parent %}
        {% endif %}
        {{ comment.comment|linebreaksbr }}
    </div>
</div>